<template>
  <div id="app">
    <parent></parent>
    <child1></child1>
    <child2></child2>
  </div>
</template>

<script>
import parent from "./search/header.vue";
import child1 from "./search/main.vue";
import child2 from "./search/footer.vue";
export default {
  data(){
    return {

    }
  },
  components: {
    parent,
    child1,
    child2
  },
};
</script>

 <style scoped>
#app {
  width: 600px;
  margin: 0 auto;
  border: 1px solid;
}
</style>
